<template>
  <view class="box" style="background: #eff1f3" @click="external">
    <view class="tou fixed" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <image
        style="width: 30rpx; height: 30rpx; left: 20rpx"
        class="index-sousou"
        src="https://pic.bangbangtongcheng.com/static/bbcz/anchao-index-fanhui.png"
        mode="widthFix"
        @click="fanhui"
      />

      <image
        style="left: 65rpx"
        class="index-logo"
        src="https://pic.bangbangtongcheng.com/static/bbcz/zhaocai-index-logo.png"
        mode="widthFix"
        @click="fanhui"
      />

      <image
        @click="sousuo"
        style="left: 320rpx"
        class="index-sousou"
        src="https://pic.bangbangtongcheng.com/static/sousuo-6.png"
        mode="widthFix"
      />

      <image
        @click="fenxiang"
        style="left: 400rpx"
        class="index-sousou"
        src="https://pic.bangbangtongcheng.com/static/fenxiang-3.png"
        mode="widthFix"
      />
    </view>
    <scroll-view
      class="scroll-view"
      :scroll-y="modalName || modalName == null"
      @scrolltolower="down"
      :scroll-top="scrollTop1"
      @scroll="scroll"
      refresher-background="#f5f5f5"
    >
      <view class="bannerBox" :class="scrollTop > 20 ? 'Ptop' : ''">
        <view class="banner">
          <swiper
            style="min-height: 0rpx; height: 458rpx"
            class="screen-swiper"
            :indicator-dots="false"
            :circular="true"
            :autoplay="true"
            indicator-active-color="#ffffff"
            interval="5000"
            duration="500"
          >
            <swiper-item v-for="(item, index) in bannerList" :key="index" @click="bannerD(item.id)">
              <image :src="imgUrl + item.picturePath" mode="aspectFill" />
              <view class="byTitle"
                ><span>{{ item.title }}</span></view
              >
            </swiper-item>
          </swiper>
        </view>
        <view class="semiCircle"></view>
      </view>
      <view class="gonggao" v-if="!userIdentityType || userIdentityType === 'PERSONAL'">
        <view
          v-if="score >= 60"
          class="lis"
          style="
            white-space: nowrap;
            color: #333333;
            display: flex;
            justify-content: space-between;
            width: 100%;
          "
        >
          <view> 您的简历综合评分 {{ score }}分 竞争力 {{ competence }} </view>
          <view style="display: flex; align-items: center; margin-left: auto">
            <view style="color: #999999" @click="toResume(2)">完善简历</view>
            <view>
              <image
                src="https://pic.bangbangtongcheng.com/static/bbcz/left-arrow.png"
                style="width: 24rpx; height: 24rpx; margin-top: 10rpx"
              ></image>
            </view>
          </view>
        </view>

        <view
          v-else
          class="lis"
          style="
            white-space: nowrap;
            color: #333333;
            display: flex;
            justify-content: space-between;
            width: 100%;
          "
        >
          <view> 你还没填写简历 竞争力 <span style="color: #e00201">弱</span> </view>
          <view
            class="lis"
            style="white-space: nowrap; color: #ff4d2e; font-weight: 500; width: auto"
          >
            <view style="color: #999999" @click="toResume(1)">填写简历</view>
            <view>
              <image
                src="https://pic.bangbangtongcheng.com/static/bbcz/left-arrow.png"
                style="width: 24rpx; height: 24rpx; margin-top: 10rpx"
              ></image>
            </view>
          </view>
        </view>
      </view>

      <view class="majorFunction">
        <view
          :class="currentMode == 0 ? 'majorFunctionItem choose' : 'majorFunctionItem'"
          @click="changeCurrentMode(0)"
        >
          <image
            src="https://pic.bangbangtongcheng.com/static/zhaocai-index-zhaopingxingxi.png"
            mode="scaleToFill"
          />
        </view>
        <view
          :class="currentMode == 1 ? 'majorFunctionItem choose' : 'majorFunctionItem'"
          @click="changeCurrentMode(1)"
        >
          <image
            src="https://pic.bangbangtongcheng.com/static/zhaocai-index-rencaijianli.png"
            mode="scaleToFill"
          />
        </view>
        <view
          :class="currentMode == 2 ? 'majorFunctionItem choose' : 'majorFunctionItem'"
          @click="changeCurrentMode(2)"
        >
          <image
            src="https://pic.bangbangtongcheng.com/static/zhaocai-index-zhaopingqiye.png"
            mode="scaleToFill"
          />
        </view>
      </view>

      <view class="secondaryFunction">
        <view
          :class="currentMode == 3 ? 'secondaryFunctionItem choose' : 'secondaryFunctionItem'"
          @click="changeCurrentMode(3)"
        >
          <image
            src="https://pic.bangbangtongcheng.com/static/zhaocai-index-gongzhaoxingxi.png"
            mode="widthFix"
          />
        </view>
        <view class="secondaryFunctionItem" @click="tiaozhuan(4)">
          <image
            src="https://pic.bangbangtongcheng.com/static/zhaocai-index-dituzhaocai.png"
            mode="widthFix"
          />
        </view>
      </view>

      <view
        class="cu-list grid col-4 no-border"
        style="margin: 0 auto; width: 690rpx; justify-content: space-between; display: none"
      >
        <view class="cu-item" @click="tiaozhuan(1)">
          <image class="img" src="https://pic.bangbangtongcheng.com/static/bbzc/zhaocaiXX.png" />
          <text style="font-size: 30rpx; color: #333333">招才信息</text>
        </view>
        <view class="cu-item" @click="tiaozhuan(2)">
          <image class="img" src="https://pic.bangbangtongcheng.com/static/bbzc/rencaiJL.png" />
          <text style="font-size: 30rpx; color: #333333">人才简历</text>
        </view>
        <view class="cu-item" @click="tiaozhuan(4)">
          <image class="img" src="https://pic.bangbangtongcheng.com/static/nav_icon4.png" />
          <text style="font-size: 30rpx; color: #333333">地图招才</text>
        </view>
      </view>

      <view class="jobScreenRow screenRow" v-if="currentMode == 0">
        <view class="recommendJob" :class="jobScreenRowStatus == 1 ? 'jobScreenRowActive' : ''">
          <view @click="changeJobScreenRowStatus(1)"> 推荐职位 </view>
          <view
            class="onlineScreen"
            @click="onlineScreen"
            :class="jobScreenRowStatus == 1 ? 'screenButShow' : 'screenButHide'"
          >
            <view class="currentOnlineText" style="display: none">
              <image
                v-if="onlineScreenStatus"
                src="https://pic.bangbangtongcheng.com/static/bbcz/select.png"
              >
              </image>
              <image
                v-else
                src="https://pic.bangbangtongcheng.com/static/bbcz/noSelect.png"
              ></image>
              当前在线
            </view>
          </view>
        </view>
        <view class="recruitType" :class="jobScreenRowStatus == 2 ? 'jobScreenRowActive' : ''">
          <view class="titleText" @click="changeJobScreenRowStatus(2)">全职招聘</view>
          <view
            class="screenBut"
            :class="jobScreenRowStatus == 2 ? 'screenButShow' : 'screenButHide'"
          >
            <view
              @click="changeRecruitScreen(1)"
              :class="recruitScreen == 1 ? 'recruitScreenTextActive' : ''"
            >
              岗位
              <image
                v-if="recruitScreen == 1"
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
              >
              </image>
              <image
                v-else
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
              ></image>
            </view>
            <view
              @click="changeRecruitScreen(2)"
              :class="recruitScreen == 2 ? 'recruitScreenTextActive' : ''"
            >
              地区
              <image
                v-if="recruitScreen == 2"
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
              >
              </image>
              <image
                v-else
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
              ></image>
            </view>
            <view
              @click="changeRecruitScreen(3)"
              :class="recruitScreen == 3 ? 'recruitScreenTextActive' : ''"
            >
              筛选
              <image
                v-if="recruitScreen == 3"
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
              >
              </image>
              <image
                v-else
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
              ></image>
            </view>
          </view>
        </view>
        <view class="recruitType" :class="jobScreenRowStatus == 3 ? 'jobScreenRowActive' : ''">
          <view class="titleText" @click="changeJobScreenRowStatus(3)">兼职招聘</view>
          <view
            class="screenBut"
            :class="jobScreenRowStatus == 3 ? 'screenButShow' : 'screenButHide'"
          >
            <view
              @click="changeRecruitScreen(1)"
              :class="recruitScreen == 1 ? 'recruitScreenTextActive' : ''"
            >
              岗位
              <image
                v-if="recruitScreen == 1"
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
              >
              </image>
              <image
                v-else
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
              ></image>
            </view>
            <view
              @click="changeRecruitScreen(2)"
              :class="recruitScreen == 2 ? 'recruitScreenTextActive' : ''"
            >
              地区
              <image
                v-if="recruitScreen == 2"
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
              >
              </image>
              <image
                v-else
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
              ></image>
            </view>
            <view
              @click="changeRecruitScreen(3)"
              :class="recruitScreen == 3 ? 'recruitScreenTextActive' : ''"
            >
              筛选
              <image
                v-if="recruitScreen == 3"
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
              >
              </image>
              <image
                v-else
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
              ></image>
            </view>
          </view>
        </view>
      </view>

      <view class="personAbilityScreenRow screenRow" v-if="currentMode == 1">
        <view class="personAbilityLeft">
          <view
            @click="changePersonAbility(1)"
            :class="personAbilityStatus == 1 ? 'recruitScreenTextActive' : ''"
          >
            求职岗位
            <image
              v-if="personAbilityStatus == 1"
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
            >
            </image>
            <image
              v-else
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
            ></image>
          </view>
          <view
            @click="changePersonAbility(2)"
            :class="personAbilityStatus == 2 ? 'recruitScreenTextActive' : ''"
          >
            求职地区
            <image
              v-if="personAbilityStatus == 2"
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
            >
            </image>
            <image
              v-else
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
            ></image>
          </view>
        </view>
        <view
          @click="changePersonAbility(3)"
          :class="personAbilityStatus == 3 ? 'recruitScreenTextActive' : ''"
        >
          筛选
          <image
            v-if="personAbilityStatus == 3"
            src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
          >
          </image>
          <image
            v-else
            src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
          ></image>
        </view>
      </view>

      <view class="enterpriseScreenRow screenRow" v-if="currentMode == 2">
        <view class="enterpriseLeft"> 推荐企业 </view>
        <view class="enterpriseRight">
          <view
            @click="changeEnterpriseScreen(1)"
            :class="enterpriseScreenStatus == 1 ? 'recruitScreenTextActive' : ''"
          >
            所在区域
            <image
              v-if="enterpriseScreenStatus == 1"
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
            >
            </image>
            <image
              v-else
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
            ></image>
          </view>
          <view
            @click="changeEnterpriseScreen(2)"
            :class="enterpriseScreenStatus == 2 ? 'recruitScreenTextActive' : ''"
          >
            所属行业
            <image
              v-if="enterpriseScreenStatus == 2"
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
            >
            </image>
            <image
              v-else
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
            ></image>
          </view>
          <view
            @click="changeEnterpriseScreen(3)"
            :class="enterpriseScreenStatus == 3 ? 'recruitScreenTextActive' : ''"
          >
            企业规模
            <image
              v-if="enterpriseScreenStatus == 3"
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-top.png"
            >
            </image>
            <image
              v-else
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-bottom.png"
            ></image>
          </view>
        </view>
      </view>

      <view class="commonList">
        <template v-if="currentMode == 0">
          <view
            class="vacancy"
            v-for="(item, index) in Recommend"
            :key="index"
            @click="details(item)"
          >
            <view class="vehicleRecom">
              <span class="tagLabel">{{ item.recruitmentType == 1 ? '全职' : '兼职' }}</span>
              <span>{{ item.title }}</span>
            </view>
            <view class="vacancy_center">
              <view class="vacancy_status">
                <span style="margin-right: 46rpx">
                  <image
                    class="cardImageIcon"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/index-location.png"
                  >
                  </image
                  >{{ item.region }}
                </span>
                <span>
                  <image
                    class="cardImageIcon"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/index-job.png"
                  >
                  </image>
                  {{ item.positionCategory }}
                </span>
              </view>
              <view class="vacancy_price" v-if="item.recruitmentType == 1">{{
                item.salaryRange == '面议' ? '面议' : item.salaryRange + '元'
              }}</view>
              <view class="vacancy_price" v-else
                >{{ item.salaryRange.split(',').join('') }}&emsp;{{ item.settlementMethod }}</view
              >
            </view>
            <view class="vacancy_biaoq" v-if="item.fringeBenefits">
              <view class="vacancy_label">
                <view class="shade"> </view>
                <view class="label" v-for="(i, j) in item.fringeBenefits.split(',')" :key="j"
                  >{{ i }}
                </view>
              </view>
              <view class="gend" v-if="item.fringeBenefits.split(',').length > 4">
                <image
                  src="https://pic.bangbangtongcheng.com/static/index-gradient-right-%20arrow.png"
                >
                </image>
              </view>
            </view>
            <view style="height: 1rpx; background: #ebebed; margin-top: 20rpx"></view>
            <view class="personalInformation">
              <view class="personalInformation_left">
                <image
                  class="personalInformation_image"
                  v-if="
                    (item.userInformation && item.userInformation.image) ||
                    (item.userInformationDto && item.userInformationDto.image)
                  "
                  :src="
                    (item.userInformation && item.userInformation.image) ||
                    (item.userInformationDto && item.userInformationDto.image)
                  "
                >
                </image>
                <image
                  class="personalInformation_image"
                  v-else
                  src="https://pic.bangbangtongcheng.com/static/my/header.png"
                ></image>
              </view>
              <view style="margin-left: 10rpx">
                <image
                  class="qy-gr-label"
                  v-if="item.enterpriseName"
                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-label-qiye.png"
                >
                </image>
                <image
                  class="qy-gr-label"
                  v-else
                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-label-geren.png"
                >
                </image>
              </view>
              <view class="personalInformation_right">
                <!-- v-if="item.enterpriseName"    -->
                <view class="GS">
                  <!-- 企业 -->
                  <span
                    v-if="item.enterpriseName"
                    class="corporation over-text"
                    :style="item.distance ? 'max-width: 360rpx;' : ''"
                    >{{ item.enterpriseName }}</span
                  >
                  <!-- 个人 -->
                  <span
                    v-else
                    class="corporation over-text"
                    :style="item.distance ? 'max-width: 360rpx;' : ''"
                    >{{ item.nikeName || '未设置昵称' }}</span
                  >
                  <span
                    class="personalInformation_distance"
                    style="display: flex; align-items: center"
                    v-if="item.distance"
                  >
                    <image
                      class="cardImageIcon"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/index-target.png"
                    >
                    </image>
                    {{ item.distance }}km
                  </span>
                </view>
                <!-- 已确认需求，客户说要改 -->
                <!-- 								<view class="GR" v-else>
									<span class="name">{{ (item.userInformation && item.userInformation.nikeName) ?
										item.userInformation.nikeName : (item.userInformationDto && item.userInformationDto.nikeName) ?
											item.userInformationDto.nikeName : "未命名用户" }}</span>
									<span class="personalInformation_Time">
										{{ $Time.getDateDiff(item.createDate) }}
									</span>
								</view> -->
              </view>
            </view>
          </view>
        </template>
        <template v-else-if="currentMode == 1">
          <view
            class="resume"
            v-for="(item, index) in Recommend"
            :key="item.id"
            @click="personAbilityDetails(item)"
          >
            <view class="resumeTop">
              <view class="avatar">
                <!-- 全部可见 -->
                <template v-if="item.visibleRange == '1'">
                  <image
                    :src="item.myPhoto || 'https://pic.bangbangtongcheng.com/static/my/header.png'"
                    mode="aspectFill"
                    :style="{ filter: curUserIdentityType == null ? 'blur(20rpx)' : '' }"
                  ></image>
                </template>
                <!-- 企业可见 -->
                <template v-if="item.visibleRange == '2'">
                  <image
                    :src="item.myPhoto || 'https://pic.bangbangtongcheng.com/static/my/header.png'"
                    mode="aspectFill"
                    :style="{
                      filter:
                        curUserIdentityType == null ||
                        curUserIdentityType == 'PERSONAL' ||
                        curUserIdentityType == 'HOUSE_BROKER' ||
                        curUserIdentityType == 'CAR_BROKER_CAR_SALES_CONSULTANT'
                          ? 'blur(20rpx)'
                          : '',
                    }"
                  ></image>
                </template>
              </view>
              <view class="resumeInfo">
                <view class="nameInfo">
                  <span class="realName">{{ item.name }}</span>
                  <span v-if="item.age">{{ item.age ? item.age + '岁' : '' }}</span>
                  <span v-if="item.highestEducation">{{
                    item.highestEducation ? '学历：' + item.highestEducation : ''
                  }}</span>
                  <span v-if="item.experienceYears">{{
                    item.experienceYears ? '工作经验：' + item.experienceYears : ''
                  }}</span>
                </view>
                <view class="vacancy_biaoq2">
                  <view class="vacancy_label" v-if="item.intendedPosition">
                    期望工作：
                    <view class="shade"> </view>
                    <view
                      class="label"
                      v-for="(i, j) in getIntendedPosition(item.intendedPosition)"
                      :key="j"
                    >
                      {{ i }}
                    </view>
                  </view>
                  <view class="vacancy_label" v-else> 期望工作： </view>
                  <view
                    class="gend"
                    v-if="item.intendedPosition && item.intendedPosition.split(',').length > 1"
                  >
                    <image
                      src="https://pic.bangbangtongcheng.com/static/index-gradient-right-%20arrow.png"
                    >
                    </image>
                  </view>
                </view>
              </view>
            </view>
            <view class="resumeBottom"> 自我介绍：{{ item.introduction || '' }} </view>
          </view>
        </template>
        <template v-else-if="currentMode == 2">
          <view
            class="enterpriseItem"
            v-for="(item, index) in Recommend"
            :key="item.id"
            @click="enterpriseDetails(item)"
          >
            <view class="enterpriseItemTitle">{{ item.enterpriseFullName || '' }}</view>
            <view class="enterpriseItemInfo">
              <view>
                <image src="https://pic.bangbangtongcheng.com/static/bbzc/enterprise-industry.png">
                </image>
                公司规模：{{ item.companySize || '' }}
              </view>
              <view>
                <image
                  src="https://pic.bangbangtongcheng.com/static/bbzc/enterprise-job.png"
                ></image>
                所属行业：{{ item.affiliationIndustry || '' }}
              </view>
            </view>
            <view class="vacancy_biaoq" v-if="item.welfareBenefits">
              <view class="vacancy_label">
                职位福利：
                <view class="shade"> </view>
                <view class="label" v-for="(i, j) in item.welfareBenefits.split(',')" :key="j"
                  >{{ i }}
                </view>
              </view>
              <view class="gend" v-if="item.welfareBenefits.split(',').length > 4">
                <image
                  src="https://pic.bangbangtongcheng.com/static/index-gradient-right-%20arrow.png"
                >
                </image>
              </view>
            </view>
            <view v-else>
              <view class="vacancy_label"> 职位福利： </view>
            </view>
            <view style="height: 1rpx; background: #ebebed; margin: 25rpx 0rpx"></view>
            <view class="enterpriseItemInfoBottom">
              <view>{{ '在招职位：' + (item.inRecruitmentPosition || 0) + '个' }} </view>
              <view style="border-left: 1rpx solid #ebebed"></view>
              <view>{{ '新招职位：(七日内)' + (item.newPosition || 0) + '个' }}</view>
            </view>
          </view>
        </template>
        <template v-else-if="currentMode == 3">
          <view
            v-for="item in Recommend"
            :key="item.id"
            class="organizationListItem"
            @click="itemOrganizationClick(item)"
          >
            <image class="image" :src="item.image" />
            <view class="item-content">
              <view class="text">
                {{ item.title }}
              </view>
              <view class="time">
                发布日期:{{ (item.updateDate && item.updateDate.split(' ')[0]) || '' }}
              </view>
            </view>
          </view>
        </template>
      </view>
      <view v-if="Recommend.length == 0" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
      <view class="zbc" v-if="zbc">
        <view class="tan">
          <view class="text">商家已将您标记为离职，是否同意？</view>
          <view class="xiao" @click="guan">稍后</view>
          <view class="tong" @click="agreelz">同意</view>
          <view class="guan" @click="guan">×</view>
        </view>
      </view>
    </scroll-view>

    <view @click="totop">
      <back-top :scrollTop="scrollTop" :isClick="false"></back-top>
    </view>
    <uniBall></uniBall>

    <!-- 抽屉 职位 -->
    <job-drawer
      :visible="recruitScreen == 1 || personAbilityStatus == 1 || postScreenShow"
      @closeDrawer="resetAllScreen"
      :chages="jobChanges"
      @confirmData="jobDrawerConfirm"
      @openDrawer="openDrawer"
      title="选择职位类别"
    ></job-drawer>

    <!-- 抽屉 区域 -->
    <top-to-bottom-drawer
      @openDrawer="openDrawer"
      :visible="
        recruitScreen == 2 ||
        personAbilityStatus == 2 ||
        enterpriseScreenStatus == 1 ||
        areaScreenShow
      "
      @closeDrawer="resetAllScreen"
      @confirm="regionDrawerConfirm"
      @reset="regionDrawerReset"
      :title="enterpriseScreenStatus == 1 ? '选择所在区域' : '选择求职区域'"
    >
      <view class="areaScreenContent">
        <view
          @click.stop="typeClick(index, 'type7')"
          :class="
            item.active ? 'commonScreenContentLi commonScreenContentXuan' : 'commonScreenContentLi'
          "
          v-for="(item, index) in type7"
          :key="index"
          >{{ item.valueName }}</view
        >
      </view>
    </top-to-bottom-drawer>

    <!-- 抽屉 招聘信息筛选 -->
    <top-to-bottom-drawer
      :visible="recruitScreen == 3 || personAbilityStatus == 3 || recruitScreenShow"
      @closeDrawer="resetAllScreen"
      @confirm="recruitScreenDrawerConfirm"
      @reset="recruitScreenDrawerReset"
      title="筛选"
      @openDrawer="openDrawer"
      style="z-index: 100"
    >
      <scroll-view scroll-y="true" style="height: 70vh">
        <view class="recruitScreenContent">
          <view class="leibie">
            <view class="commonScreenContentLabel"
              ><span>*</span>距<span style="color: transparent">空空</span>离：
            </view>
            <view class="displayFixed">
              <view
                @click.stop="typeClick(index, 'type11')"
                :class="
                  item.active
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                v-for="(item, index) in type11"
                :key="index"
                >{{ item.valueName }}</view
              >
            </view>
          </view>

          <view style="height: 1rpx; background: #ebebed; margin: 20rpx 0rpx"></view>

          <view class="leibie" v-if="jobScreenRowStatus == 3 && recruitScreen == 3">
            <view class="commonScreenContentLabel"><span>*</span>结算方式： </view>
            <view class="displayFixed">
              <view
                @click.stop="typeClick(index, 'type5')"
                :class="
                  item.active
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                v-for="(item, index) in type5"
                :key="index"
                >{{ item.valueName }}</view
              >
            </view>
          </view>

          <view
            style="height: 1rpx; background: #ebebed; margin: 20rpx 0rpx"
            v-if="jobScreenRowStatus == 3 && recruitScreen == 3"
          ></view>
          <view class="leibie salaryScreen" v-if="recruitScreen == 3">
            <view class="commonScreenContentLabel" style="margin-bottom: 0rpx"
              ><span>*</span>薪资范围：</view
            >
            <view
              style="width: 232rpx"
              :class="
                salaryScreenActive == 1
                  ? 'commonScreenContentLi commonScreenContentXuan'
                  : 'commonScreenContentLi'
              "
              @click="clickSalaryScreen(1)"
              >不限</view
            >
            <view
              style="width: 232rpx"
              :class="
                salaryScreenActive == 2
                  ? 'commonScreenContentLi commonScreenContentXuan'
                  : 'commonScreenContentLi'
              "
              @click="clickSalaryScreen(2)"
              >+自定义</view
            >
          </view>
          <view v-if="salaryScreenActive == 2" class="leibie" style="display: flex">
            <view class="commonScreenContentLabel" style="color: transparent"
              ><span style="color: transparent">*</span>薪资范围：</view
            >
            <view class="salaryRange" style="margin: 6rpx">
              <picker
                fields="day"
                mode="selector"
                :range="salaryList"
                @change="salaryRangeChange1($event)"
                :value="dateIndex1"
                range-key="valueName"
              >
                <view>
                  {{ minimumWage ? minimumWage : '请选择' }}
                </view>
              </picker>
              <view style="margin: 0 16rpx">至</view>
              <picker
                fields="day"
                mode="selector"
                :range="salaryList"
                @change="salaryRangeChange2($event)"
                :value="dateIndex2"
                range-key="valueName"
              >
                <view>
                  {{ maximumSalary ? maximumSalary : '请选择' }}
                </view>
              </picker>
              <!-- <view @click="$refs.minSalaryPicker.open();">{{minimumWage}}</view>
							<view class="conterFont">至</view>
							<view @click="$refs.maxSalaryPicker.open();">{{maximumSalary}}</view> -->
              <!-- <picker v-if="salaryExp.length > 0" @change="salaryExpChange" mode="selector"
								:value="salaryExpectation" :range="salaryExp" range-key="valueName">
								<view>
									{{ salaryExp[salaryExpectation].valueName }}
								</view>
							</picker> -->
            </view>
          </view>
          <!-- <uv-picker ref="minSalaryPicker" :columns="minSalaryList" keyName="name" @change="salaryRangeChange"
						@confirm="minSalaryConfirm"></uv-picker>
					<uv-picker ref="maxSalaryPicker" :columns="maxSalaryList" keyName="name" @change="salaryRangeChange"
						@confirm="maxSalaryConfirm"></uv-picker> -->

          <view
            style="height: 1rpx; background: #ebebed; margin: 20rpx 0rpx"
            v-if="recruitScreen == 3"
          ></view>
          <view
            class="leibie"
            v-if="personAbilityStatus == 3 || (jobScreenRowStatus == 3 && recruitScreen == 3)"
          >
            <view class="commonScreenContentLabel"><span>*</span>性别要求：</view>
            <view class="displayFixed">
              <view
                style="width: 203rpx; height: 48rpx; line-height: 48rpx"
                :class="
                  data.sexualDistinction == ''
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                @click="clickSexScreen('')"
                >不限</view
              >
              <view
                style="width: 203rpx; height: 48rpx; line-height: 48rpx"
                :class="
                  data.sexualDistinction == 1
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                @click="clickSexScreen(1)"
                >男士</view
              >
              <view
                style="width: 203rpx; height: 48rpx; line-height: 48rpx"
                :class="
                  data.sexualDistinction == 2
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                @click="clickSexScreen(2)"
                >女士</view
              >
            </view>
          </view>

          <view
            style="height: 1rpx; background: #ebebed; margin: 20rpx 0rpx"
            v-if="personAbilityStatus == 3 || (jobScreenRowStatus == 3 && recruitScreen == 3)"
          ></view>
          <view class="leibie" v-if="personAbilityStatus == 3">
            <view class="commonScreenContentLabel"><span>*</span>选择年龄：</view>
            <view class="displayFixed">
              <view
                style="width: 203rpx; height: 48rpx; line-height: 48rpx; margin-right: 12rpx"
                :class="
                  ageScreenActive == 1
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                @click="clickAgeScreen(1)"
                >不限</view
              >
              <view @click="clickAgeScreen(2)" class="ageRange">
                <view @click="$refs.minAgePicker.open()">{{ minAge }}</view>
                <view class="conterFont">至</view>
                <view @click="$refs.maxAgePicker.open()">{{ maxAge }}</view>
              </view>
            </view>
          </view>
          <uv-picker
            ref="minAgePicker"
            :columns="minAgeList"
            keyName="name"
            @change="change"
            @confirm="minAgeConfirm"
          ></uv-picker>
          <uv-picker
            ref="maxAgePicker"
            :columns="maxAgeList"
            keyName="name"
            @change="change"
            @confirm="maxAgeConfirm"
          ></uv-picker>

          <view class="leibie" v-if="jobScreenRowStatus == 3 && recruitScreen == 3">
            <view class="commonScreenContentLabel"><span>*</span>工作时段：</view>
            <view class="displayFixed">
              <view
                style="width: 203rpx; height: 48rpx; line-height: 48rpx; margin-right: 12rpx"
                :class="
                  workTimeScreenActive == 1
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                @click="clickWorkTimeScreen(1)"
                >不限</view
              >
              <view
                style="width: 232rpx"
                :class="
                  workTimeScreenActive == 2
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                @click="clickWorkTimeScreen(2)"
                >+自定义</view
              >
              <!-- <view @click="clickWorkTimeScreen(2)" class="ageRange"> -->
              <view v-if="workTimeScreenActive == 2" class="ageRange">
                <!-- <view @click="$refs.minWorkTimePicker.open();">{{minWorkTime}}</view> -->
                <picker
                  mode="multiSelector"
                  @change="Change1($event)"
                  :value="timeIndex1"
                  :range="timeOptions"
                >
                  <view class="selector_item">
                    {{ timeVal1 ? timeVal1 : '请选择' }}
                  </view>
                </picker>
                <view class="conterFont">至</view>
                <!-- <view @click="$refs.maxWorkTimePicker.open();">{{maxWorkTime}}</view> -->
                <picker
                  mode="multiSelector"
                  @change="Change2($event)"
                  :value="timeIndex2"
                  :range="timeOptions"
                >
                  <view class="selector_item">
                    {{ timeVal2 ? timeVal2 : '请选择' }}
                  </view>
                </picker>
              </view>
            </view>
          </view>
          <!-- 					<uv-picker ref="minWorkTimePicker" :columns="workTimeList" keyName="name" @change="change"
						@confirm="minWorkTimeConfirm"></uv-picker>
					<uv-picker ref="maxWorkTimePicker" :columns="workTimeList" keyName="name" @change="change"
						@confirm="maxWorkTimeConfirm"></uv-picker> -->
          <view
            style="height: 1rpx; background: #ebebed; margin: 20rpx 0rpx"
            v-if="personAbilityStatus == 3"
          >
          </view>

          <view
            class="leibie"
            v-if="(jobScreenRowStatus == 2 && recruitScreen == 3) || currentMode == 1"
          >
            <view class="commonScreenContentLabel"><span>*</span>选择学历要求</view>
            <view class="displayFixed">
              <view
                @click.stop="typeClick(index, 'type3')"
                :class="
                  item.active
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                v-for="(item, index) in type3"
                :key="index"
                >{{ item.valueName }}</view
              >
            </view>
          </view>
          <view
            style="height: 1rpx; background: #ebebed; margin: 20rpx 0rpx"
            v-if="(jobScreenRowStatus == 2 && recruitScreen == 3) || currentMode == 1"
          ></view>

          <view
            class="leibie"
            v-if="(jobScreenRowStatus == 2 && recruitScreen == 3) || currentMode == 1"
          >
            <view class="commonScreenContentLabel"><span>*</span>选择工作经验</view>
            <view class="displayFixed">
              <view
                @click.stop="typeClick(index, 'type2')"
                :class="
                  item.active
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                v-for="(item, index) in type2"
                :key="index"
                >{{ item.valueName }}</view
              >
            </view>
          </view>

          <view
            style="height: 1rpx; background: #ebebed; margin: 20rpx 0rpx"
            v-if="jobScreenRowStatus == 3 && recruitScreen == 3"
          ></view>
          <view class="leibie" v-if="jobScreenRowStatus == 3 && recruitScreen == 3">
            <view class="commonScreenContentLabel"><span>*</span>用工周期：</view>
            <view class="displayFixed">
              <view
                @click.stop="typeClick(index, 'type6')"
                style="width: auto; padding: 0rpx 20rpx"
                :class="
                  item.active
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                v-for="(item, index) in type6"
                :key="index"
                >{{ item.valueName }}</view
              >
            </view>
          </view>

          <view
            style="height: 1rpx; background: #ebebed; margin: 20rpx 0rpx"
            v-if="recruitScreen == 3"
          ></view>
          <view class="leibie" v-if="recruitScreen == 3">
            <view class="commonScreenContentLabel"><span>*</span>选择企业福利：</view>
            <view class="displayFixed">
              <view
                @click.stop="typeClick(index, 'type1')"
                :class="
                  item.active
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                v-for="(item, index) in type1"
                :key="index"
                >{{ item.valueName }}</view
              >
            </view>
          </view>

          <view
            style="height: 1rpx; background: #ebebed; margin: 20rpx 0rpx"
            v-if="jobScreenRowStatus == 3 && recruitScreen == 3"
          ></view>
          <view class="leibie" v-if="jobScreenRowStatus == 3 && recruitScreen == 3">
            <view class="commonScreenContentLabel"><span>*</span>选择招聘者类型：</view>
            <view class="displayFixed">
              <view
                @click.stop="typeClick(index, 'typezpz')"
                style="width: 190rpx"
                :class="
                  item.active
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
                v-for="(item, index) in typezpz"
                :key="index"
                >{{ item.valueName }}</view
              >
            </view>
          </view>
        </view>
      </scroll-view>
    </top-to-bottom-drawer>

    <!-- 抽屉 所属行业 -->
    <top-to-bottom-drawer
      :visible="enterpriseScreenStatus == 2"
      @closeDrawer="resetAllScreen"
      title="选择所属行业"
      @confirm="industryScreenDrawerConfirm"
      @reset="industryScreenDrawerReset"
      @openDrawer="openDrawer"
    >
      <view class="areaScreenContent">
        <view
          @click.stop="typeClick(index, 'type9')"
          style="width: auto; padding: 0rpx 20rpx"
          :class="
            item.active ? 'commonScreenContentLi commonScreenContentXuan' : 'commonScreenContentLi'
          "
          v-for="(item, index) in type9"
          :key="index"
          >{{ item.valueName }}</view
        >
      </view>
    </top-to-bottom-drawer>

    <!-- 抽屉 企业规模 -->
    <top-to-bottom-drawer
      :visible="enterpriseScreenStatus == 3"
      @closeDrawer="resetAllScreen"
      title="选择企业规模"
      @openDrawer="openDrawer"
      @confirm="scaleScreenDrawerConfirm"
      @reset="scaleScreenDrawerReset"
    >
      <view class="areaScreenContent">
        <view
          @click.stop="typeClick(index, 'type8')"
          :class="
            item.active ? 'commonScreenContentLi commonScreenContentXuan' : 'commonScreenContentLi'
          "
          style="width: 210rpx"
          v-for="(item, index) in type8"
          :key="index"
          >{{ item.valueName }}</view
        >
      </view>
    </top-to-bottom-drawer>

    <uni-popup ref="bindLocationTip" mode="center">
      <view class="binds_frame_bindLocationTip">
        <view class="binds_frame_t"></view>
        <view class="binds_frame_c">您已关闭位置权限<br />或获取位置信息失败</view>
        <view class="binds_frame_b">
          <view class="cancel" @click="$refs.bindLocationTip.close()">取消</view>
          <view class="determine" @click="toLocationSetting()">确定</view>
        </view>
      </view>
    </uni-popup>
  </view>
</template>

<script>
  import permision from '@/js_sdk/wa-permission/permission.js'
  import { mapGetters } from 'vuex'
  let statusBarHeight
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5 + 88
  //  #endif
  export default {
    data() {
      return {
        modalName: null,
        jobScreenRowStatus: 1, // 招聘筛选拓展按钮显隐控制
        recruitScreen: 0, //招聘信息筛选：1岗位，2地区，3筛选
        currentMode: 0, //当前列表展示的内容：0招聘信息，1人才简历，2招聘企业，3公招信息
        statusBarHeight,
        zbc: false,
        trigger: false,
        downStatus: true,
        upStatus: true,
        bannerList: [],
        Recommend: [],
        WatchList: [],
        imgUrl: this.$imgSrc,
        showType: false,
        orderSort: '1',
        scrollTop: '0',
        scrollTop1: 0,
        userInfo: uni.getStorageSync('Pduser'),
        curUserIdentityType: uni.getStorageSync('curUserIdentityType'), // 当前账号认证类型
        phone: '',
        switchRecomData: 1,
        latitude: '',
        longitude: '',
        organizationTotalPage: 0,
        onlineScreenStatus: false,
        personAbilityStatus: 0,
        enterpriseScreenStatus: 0,
        postScreenShow: false, // 岗位抽屉
        areaScreenShow: false, // 地区抽屉
        recruitScreenShow: false, // 招聘信息筛选抽屉
        jobChanges: [],
        personAbilityScreenShow: false, // 人才筛选抽屉
        industryScreenShow: false, // 行业筛选抽屉
        enterpriseSizeScreenShow: false, // 企业规模抽屉
        headShow: true,
        data: {
          recruitmentType: '2', //招聘类型
          userId: uni.getStorageSync('Pduser').id,
          pageNo: 1,
          pageSize: 10,
          longitude: '', //经度
          latitude: '', //纬度
          sort: '',
          settlementMethod: '', //结算方式
          salaryRange: '', //薪资范围
          genderRequirements: '', //性别要求
          positionCategory: '', //岗位类型
          workingHours: '', //工作时段
          employmentDate: '', //用工周期
          workCycle: '不限', //工作周期
          region: '', //工作区域
          fringeBenefits: '', //福利待遇
          recruiter: '', //招聘者
          educationalRequirements: '', //学历要求
          yearsService: '', //工作经验
          distance: '', //距离
          sexualDistinction: '', // 人才简历性别筛选，性别（''：不限，1：男，2：女）
          officeArea: '',
          companySize: '',
          affiliationIndustry: '',
          dateBirth: '', //年龄筛选
          onlineState: null, // 在线状态筛选
        },
        minimumWage: '',
        maximumSalary: '',
        minAge: '18岁', // 25,
        maxAge: '50岁', // 40,
        // 职位类型
        ZWLX: [],
        // 区域
        type7: [],
        type1: [
          // {
          // active: true,
          // valueName: "不限",
          // },
        ],
        type2: [
          {
            active: true,
            valueName: '不限',
          },
        ],
        type3: [
          {
            active: true,
            valueName: '不限',
          },
        ],
        type10: [
          // 	{
          // 	active: true,
          // 	valueName: "不限",
          // },
        ],
        type11: [
          {
            active: true,
            valueName: '不限',
          },
        ],
        type5: [
          {
            //结算方式
            active: true,
            valueName: '不限',
          },
        ],
        type8: [], // 规模
        type9: [], // 行业
        type6: [
          {
            active: true,
            valueName: '不限',
          },
        ], // 用工周期
        salaryScreenActive: 1, // 默认的薪资筛选
        ageScreenActive: 1, // 默认的年龄筛选
        // minSalaryList: [
        // 	["4000元", "5000元", "6000元"]
        // ],
        // maxSalaryList: [
        // 	["4000元", "5000元", "6000元", "8000元"]
        // ],
        // salaryList: [
        // 	{
        // 		valueName:"4000元"
        // 	},
        // 	{
        // 		valueName:"5000元"
        // 	},{
        // 		valueName:"6000元"
        // 	}
        // ],
        salaryList: [
          {
            valueName: '4000元',
          },
          {
            valueName: '5000元',
          },
          {
            valueName: '6000元',
          },
          {
            valueName: '8000元',
          },
          {
            valueName: '10000元',
          },
          {
            valueName: '11000元',
          },
          {
            valueName: '12000元',
          },
          {
            valueName: '13000元',
          },
          {
            valueName: '14000元',
          },
          {
            valueName: '15000元',
          },
          {
            valueName: '16000元',
          },
          {
            valueName: '17000元',
          },
          {
            valueName: '18000元',
          },
          {
            valueName: '19000元',
          },
          {
            valueName: '20000元',
          },
        ],
        workTimeScreenActive: 1,
        // 时分选择器数据
        timeOptions: [],
        timeIndex1: [0, 0],
        timeIndex2: [0, 0],
        timeVal1: '',
        timeVal2: '',
        // minWorkTime: "09点",
        // maxWorkTime: "12点",
        typezpz: [
          {
            active: true,
            valueName: '不限',
          },
          {
            active: false,
            valueName: '只看认证企业',
          },
          {
            active: false,
            valueName: '只看个人用工',
          },
        ],
        userIdentityType: null,
        salaryExp: [], // 薪资范围
        salaryExpectation: 4,
        curriculumVitae: null, //简历信息
        score: 0, // 简历评分
        competence: '', //竞争力
        repeated: false, // 是否重复
      }
    },
    computed: {
      ...mapGetters(['statusBarHeight1', 'userinfo']),
      minAgeList() {
        var res = []
        for (var i = 16; i <= 50; i++) {
          res.push(i + '岁')
        }
        return [res]
      },
      maxAgeList() {
        var res = []
        for (var i = 18; i <= 50; i++) {
          res.push(i + '岁')
        }
        res.push('50岁以上')
        return [res]
      },
      // workTimeList() {
      // 	var res = [];
      // 	for (var i = 0; i <= 24; i++) {
      // 		res.push((i < 10 ? '0' + i : i) + '点');
      // 	}
      // 	return [res];
      // },
    },
    onShow() {
      this.userInfo = uni.getStorageSync('Pduser')
      this.phone = this.userInfo.phone
      if (this.phone) {
        this.getUserPhone()
      }
      this.zbc = false
      clearTimeout(time)
      var time = setTimeout(() => {
        if (getApp().globalData.confirm) {
          this.zbc = true
        }
        clearTimeout(time)
      }, 1000)
    },
    onPullDownRefresh() {
      this.Recommend = []
      this.data.pageNo = 1
      this.downStatus = true
      if (this.upStatus) {
        this.trigger = true

        this.getListByCurrentMode()
      }
    },
    onReachBottom() {
      this.down()
    },
    async onLoad(options) {
      uni.removeStorageSync('jobSelectValue')
      uni.hideTabBar()
      if (options.wxOpenid) {
        let userInfo = {
          openid: options.wxOpenid,
          headimgurl: options.image,
          nickname: options.nickname,
        }
        uni.setStorageSync('userInfo', userInfo)
      }
      if (options.changeTab) {
        // 根据地址栏传参切换tab：0-招聘信息，1-人才简历，2-招聘企业，3-公招信息，4-地图招才
        this.changeCurrentMode(options.changeTab)
      }
      this.getAuthentication()
      if (uni.getStorageSync('locationState') == 1) {
        await this.getLocation()
      }
      await this.getBanner()
      await this.getWatch()
      await this.getListByCurrentMode()
      // await this.getLocation1()
      this.timeDivision()
      this.getType()
      this.getArea()
      this.getData()
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
      this.getDictionaryList()
      const user = uni.getStorageSync('Pduser')
      let isModalName = this.modalName || this.modalName == null
      console.log('modalName', isModalName)
      // this.getLocation1()
    },
    filters: {
      nums(val) {
        return val.toFixed(2)
      },
    },
    onPageScroll: function (Object) {
      this.scrollTop = Object.scrollTop //实时获取到滚动的值
    },
    methods: {
      async getData() {
        // 获取简历信息
        const data = {
          publisherId: this.userInfo.id,
        }
        const res = await this.$myRequest.get('/api/mobile/personnelOwner/getResumeDetails', data)
        if (res.code == 200) {
          if (res.biographicalNotesDetails) {
            this.curriculumVitae = res.biographicalNotesDetails
            if (this.curriculumVitae.id) {
              this.score = res.biographicalNotesDetails.resumeCompleteness + 60
              if (this.score <= 75) {
                this.competence = '一般'
              } else if (this.score > 75 && this.score <= 90) {
                this.competence = '较好'
              } else if (this.score > 90 && this.score <= 100) {
                this.competence = '超棒'
              }
            }
          }
        }
      },
      salaryExpChange(e) {
        console.log('e', e)
        this.salaryExpectation = e.detail.value
      },
      // 获取薪资范围
      getDictionaryList(e) {
        this.$myRequest
          .get('/api/mobile/personnelOwner/queryDataDictionaryList', {
            type: 10,
          })
          .then((res) => {
            this.salaryExp = res.dataDictionaryList
            console.log('this.salaryExp', this.salaryExp)
          })
      },
      toResume(type) {
        if (!this.userInfo.phone) {
          uni.navigateTo({
            url: '/pages/login/login',
          })
          return
        }
        if (type == 1) {
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/writeResume',
          })
        } else {
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/perfectResume',
          })
        }
      },
      // 获取时分选择器数据
      timeDivision() {
        let time = []
        for (var i = 0; i <= 23; i++) {
          time.push(i)
        }
        this.timeOptions.push(time)
        let divide = []
        for (var i = 0; i < 60; i++) {
          if (i < 10) {
            divide.push('0' + i)
          } else {
            divide.push(i)
          }
        }
        this.timeOptions.push(divide)
      },
      Change1(e) {
        this.workHours = 0
        this.timeIndex1 = e.target.value
        this.timeVal1 = `${this.timeOptions[0][this.timeIndex1[0]]}:${
          this.timeOptions[1][this.timeIndex1[1]]
        }`
      },
      Change2(e) {
        this.workHours = 0
        this.timeIndex2 = e.target.value
        this.timeVal2 = `${this.timeOptions[0][this.timeIndex2[0]]}:${
          this.timeOptions[1][this.timeIndex2[1]]
        }`
      },
      openDrawer() {
        this.modalName = true
      },
      external() {
        this.modalName = null
      },
      scroll(e) {
        this.oldScrollTop = e.detail.scrollTop
        this.scrollTop = e.detail.scrollTop
      },
      totop() {
        this.scrollTop1 = this.oldScrollTop
        console.log(this.scrollTop1)
        this.$nextTick(() => {
          this.scrollTop1 = 0
        })
      },
      minWorkTimeConfirm(e) {
        console.log('e', e)
        this.minWorkTime = e.value[0]
      },
      maxWorkTimeConfirm(e) {
        this.maxWorkTime = e.value[0]
      },
      clickWorkTimeScreen(index) {
        this.workTimeScreenActive = index
      },
      clickSalaryScreen(index) {
        this.salaryScreenActive = index
      },
      salaryRangeChange1(e) {
        console.log('e', e)

        if (this.maximumSalary) {
          let min = this.getNumber(this.salaryList[e.detail.value].valueName)
          let max = this.getNumber(this.maximumSalary)
          if (min > max) {
            uni.showToast({
              title: '最低薪资不能大于最高薪资',
              icon: 'none',
              mask: true,
            })
            return
          }
        }

        this.dateIndex1 = e.detail.value
        this.minimumWage = this.salaryList[this.dateIndex1].valueName
        console.log('salaryRangeChange1', this.minimumWage)
      },
      salaryRangeChange2(e) {
        console.log('e', e)

        if (this.minimumWage) {
          let max = this.getNumber(this.salaryList[e.detail.value].valueName)
          let min = this.getNumber(this.minimumWage)
          if (min > max) {
            uni.showToast({
              title: '最低薪资不能大于最高薪资',
              icon: 'none',
              mask: true,
            })
            return
          }
        }

        this.dateIndex2 = e.detail.value
        this.maximumSalary = this.salaryList[this.dateIndex2].valueName
        console.log('salaryRangeChange2', this.maximumSalary)
      },
      minSalaryConfirm(e) {
        console.log('e', e)
        this.minimumWage = e.value[0]
      },
      maxSalaryConfirm(e) {
        this.maximumSalary = e.value[0]
      },
      clickSexScreen(index) {
        this.data.sexualDistinction = index
      },
      clickAgeScreen(index) {
        this.ageScreenActive = index
      },
      recruitScreenDrawerConfirm() {
        console.log('@@@recruitScreenDrawerConfirm')
        // 点确定时调用一次确认薪资
        if (this.define() === false) return

        //工作时段
        if (this.workTimeScreenActive == 1) {
          this.data.workingHours = ''
        } else {
          if ((this.timeVal1 && this.timeVal2 == '') || (this.timeVal1 == '' && this.timeVal2)) {
            uni.showToast({
              title: '请选择工作时段',
              icon: 'none',
              mask: true,
            })
            return
          }
          if (this.timeVal1 && this.timeVal2) {
            this.data.workingHours = this.timeVal1 + '-' + this.timeVal2
            this.data.minimumWorkingHours = this.timeVal1
            this.data.maximumWorkingHours = this.timeVal2
          }
        }

        //工作周期
        let arrgzzq = []
        this.type6.forEach((v) => {
          if (v.active) {
            if (v.valueName != '不限') {
              arrgzzq.push(v.valueName)
            }
          }
        })
        if (arrgzzq.length) {
          this.data.workCycle = arrgzzq.join(',')
        }
        //结算方式
        this.type5.forEach((v) => {
          if (v.active) {
            this.data.settlementMethod = v.valueName == '不限' ? '' : v.valueName
          }
        })
        this.type11.forEach((v) => {
          if (v.active) {
            if (v.valueName == '不限') {
              this.data.distance = ''
            } else {
              this.getLocation()
              this.data.distance = v.valueName
            }
          }
        })
        this.type3.forEach((v, j) => {
          if (v.active) {
            if (v.valueName == '不限') {
              this.data.educationalRequirements = ''
            } else {
              this.data.educationalRequirements = v.valueName
            }
          }
        })
        this.type2.forEach((v, j) => {
          if (v.active) {
            if (v.valueName == '不限') {
              this.data.yearsService = ''
            } else {
              this.data.yearsService = v.valueName
            }
          }
        })
        this.type1.forEach((v, j) => {
          if (v.active) {
            if (v.valueName == '不限') {
              this.data.fringeBenefits = ''
            } else {
              this.data.fringeBenefits = v.valueName
            }
          }
        })
        //招聘者
        this.typezpz.forEach((v, j) => {
          if (v.active) {
            this.data.recruiter = v.valueName == '不限' ? '' : j
          }
        })

        if (this.personAbilityStatus == 3) {
          if (this.ageScreenActive == 1) {
            this.data.dateBirth = ''
          } else {
            if (this.minAge == '' || this.maxAge == '') {
              uni.showToast({
                title: '请选择年龄',
                icon: 'none',
                mask: true,
              })
              return
            }
            if (this.getNumber(this.maxAge) <= this.getNumber(this.minAge)) {
              uni.showToast({
                title: '最小年龄必须小于最大年龄',
                icon: 'none',
                mask: true,
              })
              return
            }
            this.data.dateBirth = this.getNumber(this.minAge) + ',' + this.getNumber(this.maxAge)
          }
        }
        // this.getListByCurrentMode(true)

        this.resetAllScreen()
      },
      getNumber(origin) {
        return parseInt(origin.replace(/[^\d]/g, ''), 10)
      },
      recruitScreenDrawerReset(e) {
        this.type6.forEach((v) => {
          if (v.valueName == '不限') {
            v.active = true
          } else {
            v.active = false
          }
        })
        this.type11.forEach((v) => {
          if (v.valueName == '不限') {
            v.active = true
          } else {
            v.active = false
          }
        })
        this.type3.forEach((v) => {
          if (v.valueName == '不限') {
            v.active = true
          } else {
            v.active = false
          }
        })
        this.type2.forEach((v) => {
          if (v.valueName == '不限') {
            v.active = true
          } else {
            v.active = false
          }
        })
        this.type1.forEach((v) => {
          if (v.valueName == '不限') {
            v.active = true
          } else {
            v.active = false
          }
        })
        this.type5.forEach((v) => {
          if (v.valueName == '不限') {
            v.active = true
          } else {
            v.active = false
          }
        })
        this.typezpz.forEach((v) => {
          if (v.valueName == '不限') {
            v.active = true
          } else {
            v.active = false
          }
        })
        this.data.recruiter = ''
        this.data.settlementMethod = ''
        this.data.fringeBenefits = ''
        this.data.educationalRequirements = ''
        this.data.yearsService = ''
        this.data.distance = '' // 距离
        this.data.sexualDistinction = ''
        this.data.salaryRange = ''
        this.data.dateBirth = ''
        this.ageScreenActive = 1
        this.salaryScreenActive = 1
        this.workTimeScreenActive = 1
        this.data.workingHours = ''
        this.data.workCycle = ''
        this.timeVal1 = ''
        this.timeVal2 = ''
        if (!e) {
          this.getListByCurrentMode()
        }
      },
      getIntendedPosition(data) {
        let json = data
        if (json.includes('[') && json.includes(']')) {
          json = JSON.parse(data)
        }
        let arr = []
        json.forEach((item) => {
          let itemArr = item.split(',')
          arr.push(itemArr[itemArr.length - 1])
        })
        return arr
      },
      jobDrawerConfirm(e) {
        this.jobChanges = uni.getStorageSync('jobSelectValue')
        let zwflArr = []
        this.jobChanges.forEach((v) => {
          zwflArr.push(v.split(',')[2])
        })
        this.data.positionCategory = zwflArr.join(',')
        console.log('this.data.positionCategory', this.data.positionCategory)
        this.getListByCurrentMode(true)
        this.resetAllScreen()
      },
      regionDrawerConfirm() {
        this.data.region = ''
        this.type7.forEach((v) => {
          if (v.active) {
            this.data.region = v.valueName
          }
        })
        console.log('regionDrawerConfirm', this.data.region)
        this.getListByCurrentMode(true)
        this.resetAllScreen()
      },
      regionDrawerReset(e) {
        this.type7.forEach((v) => {
          v.active = false
        })
        this.data.region = ''
        this.data.affiliationIndustry = ''
        if (!e) {
          this.getListByCurrentMode(true)
        }
      },
      scaleScreenDrawerReset(e) {
        this.type8.forEach((v) => {
          v.active = false
        })
        this.data.companySize = ''
        if (!e) {
          this.getListByCurrentMode(true)
        }
      },
      scaleScreenDrawerConfirm() {
        this.data.companySize = ''
        this.type8.forEach((v) => {
          if (v.active) {
            this.data.companySize = v.valueName
          }
        })
        this.getListByCurrentMode(true)
        this.resetAllScreen()
      },
      industryScreenDrawerConfirm() {
        this.data.affiliationIndustry = ''
        this.type9.forEach((v) => {
          if (v.active) {
            this.data.affiliationIndustry = v.valueName
          }
        })
        this.getListByCurrentMode(true)

        this.resetAllScreen()
      },
      industryScreenDrawerReset(e) {
        this.type9.forEach((v) => {
          v.active = false
        })
        this.data.affiliationIndustry = ''
        if (!e) {
          this.getListByCurrentMode(true)
        }
      },
      resetAllScreen() {
        console.log('@@@resetAllScreen')
        this.recruitScreen = 0
        this.personAbilityStatus = 0
        this.enterpriseScreenStatus = 0
        this.modalName = null
      },
      drawerOpen() {
        this.headShow = false
      },
      drawerClose() {
        this.headShow = true
      },
      minAgeConfirm(e) {
        console.log('e', e)
        this.minAge = e.value[0]
      },
      maxAgeConfirm(e) {
        this.maxAge = e.value[0]
      },
      personAbilityDetails(item) {
        if (!uni.getStorageSync('Pduser').phone) {
          uni.navigateTo({
            url: '/pages/login/login',
          })
          return
        }
        uni.navigateTo({
          url: `/pages_recruitMoney/recruitmentDetails/resumeDetails?resumeId=${item.id}&publisherId=${item.publisherId}&indexss=1`,
        })
      },
      enterpriseDetails(item) {
        uni.navigateTo({
          url: '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + item.userId,
        })
      },
      changePersonAbility(index) {
        if (this.personAbilityStatus == index) {
          this.personAbilityStatus = 0
        } else {
          this.personAbilityStatus = index
        }
      },
      changeEnterpriseScreen(index) {
        if (this.enterpriseScreenStatus == index) {
          this.enterpriseScreenStatus = 0
        } else {
          this.enterpriseScreenStatus = index
        }
      },
      onlineScreen() {
        this.onlineScreenStatus = !this.onlineScreenStatus
        this.getListByCurrentMode(true)
      },
      changeRecruitScreen(index) {
        if (this.recruitScreen == index) {
          this.recruitScreen = 0
        } else {
          this.recruitScreen = index
        }
        console.log('this.recruitScreen', this.recruitScreen)
      },
      changeJobScreenRowStatus(index) {
        this.regionDrawerReset(true)
        this.recruitScreen = 0
        this.onlineScreenStatus = false
        this.jobScreenRowStatus = index
        this.dataReset()
        this.getListByCurrentMode(true)
      },
      dataReset() {
        uni.removeStorageSync('jobSelectValue')
        this.recruitScreenDrawerReset(true)
        this.Recommend = []
        this.data.recruitmentType = ''
        this.data.pageNo = 1
        // this.data.longitude = '';
        // this.data.latitude = '';
        this.data.sort = ''
        this.data.settlementMethod = ''
        this.data.salaryRange = ''
        this.data.genderRequirements = ''
        this.data.positionCategory = ''
        this.data.workingHours = ''
        this.data.employmentDate = ''
        this.data.workCycle = ''
        this.data.region = ''
        this.data.fringeBenefits = ''
        this.data.recruiter = ''
        this.data.educationalRequirements = ''
        this.data.yearsService = ''
        this.data.distance = ''
        this.data.sexualDistinction = ''
        this.jobChanges = []
      },
      getListByCurrentMode(isReset) {
        if (isReset) {
          //this.dataReset();
          this.downStatus = true
          this.Recommend = []
          this.data.pageNo = 1
        }
        if (this.data.region === '平度市') {
          this.data.region = ''
        }
        if (this.currentMode == 0) {
          if (this.jobScreenRowStatus == 1) {
            this.getHomepageRecommend()
          } else if (this.jobScreenRowStatus == 2 || this.jobScreenRowStatus == 3) {
            this.getRecommend()
          }
        } else if (this.currentMode == 1) {
          this.getPersonAbilityList()
        } else if (this.currentMode == 2) {
          this.getEnterpriseList()
        } else if (this.currentMode == 3) {
          this.getOrganizationList()
        }
      },
      async getOrganizationList() {
        try {
          this.loading = !0
          uni.showLoading({
            title: '加载中...',
          })
          const res = await this.$myRequest.get('/api/mobile/personnelOwner/getOrganRecruitList', {
            title: this.title,
            pageNo: this.data.pageNo,
            pageSize: this.data.pageSize,
          })
          const data = res.organRecruitList
          console.log(data)
          if (!data) {
            throw Error('数据异常')
          }
          if (data.pageList.length) this.isFooter = !1
          this.organizationTotalPage = Math.ceil(data.pageCount / data.pageSize)

          this.Recommend.push(...data.pageList)
        } finally {
          this.loading = !1
          uni.hideLoading()
        }
      },
      getPersonAbilityList() {
        this.upStatus = false
        var data = this.data
        data.publisherId = this.userInfo.id
        data.workLocation = data.region
        data.highestEducation = this.data.educationalRequirements
        data.workExperience = this.data.yearsService
        data.whetherHide = false
        this.$myRequest
          .get('/api/mobile/personnelOwner/getAllRecommendedResumeTabulation', data)
          .then((res) => {
            if (!res.recommendedResumeTabulation.length) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            res.recommendedResumeTabulation.pageList.forEach((v) => {
              if (v.realName) {
                const firstName = v.realName.charAt(0)
                const secondName = v.sexualDistinction == '1' ? '先生' : '女士'
                v.name = firstName + secondName
              }
              // 默认头像
              if (!v.myPhoto) {
                // 从1-5中随机取数,给一个随机的默认头像
                const index = Math.floor(Math.random() * 5) + 1
                if (v.sexualDistinction == '1') {
                  // 男生头像
                  v.myPhoto = `https://pic.bangbangtongcheng.com/static/bbzc/m${index}.png`
                } else {
                  v.myPhoto = `https://pic.bangbangtongcheng.com/static/bbzc/w${index}.png`
                }
              }
            })
            // this.Recommend = this.Recommend.concat(res.recommendedResumeTabulation.pageList);
            this.Recommend = res.recommendedResumeTabulation.pageList
            uni.stopPullDownRefresh()
          })
      },
      getEnterpriseList() {
        this.upStatus = false
        var data = this.data
        data.officeArea = this.data.region
        this.$myRequest
          .get('/api/mobile/personnelOwner/getEnterpriseCertificationList', data)
          .then((res) => {
            if (!res.page.pageList.length) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            this.Recommend = this.Recommend.concat(res.page.pageList)
            uni.stopPullDownRefresh()
          })
      },
      itemOrganizationClick(e) {
        uni.navigateTo({
          url: `/pages_recruitMoney/organizationRecruit/details?id=${e.id}`,
        })
      },
      fanhui() {
        uni.navigateBack({
          delta: 1,
        })
      },
      sousuo() {
        // if (!this.userinfo.phone) {
        // 	uni.showToast({
        // 		title: "请登录",
        // 		icon: "none",
        // 		mask: true
        // 	});
        // 	return;
        // }
        uni.navigateTo({
          url: '/pages_recruitMoney/index/zc_seach?searchType=1',
        })
      },
      typeClick(index, type) {
        console.log(index, type)
        let that = this
        this[type].forEach((el, index1) => {
          if (index == index1) {
            console.log('el.active', el.active)
            if (el.active) {
              that.$set(that[type][index1], 'active', false)
            } else {
              that.$set(that[type][index1], 'active', true)
            }
            //that.$set(that[type][index1], "active", !el.active);
          } else {
            that[type][index1].active = false
          }
        })
        console.log('typeClick', this[type][index])
      },
      getType() {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/queryDataDictionaryList', {
            type: '1,2,3,10,11,8,9,5,6',
          })
          .then((res) => {
            res.dataDictionaryList.forEach((el) => {
              el.active = false
              if (el.type == 6) {
                that.type6.push(el)
              } else if (el.type == 5) {
                that.type5.push(el)
              } else if (el.type == 1) {
                that.type1.push(el)
              } else if (el.type == 2) {
                that.type2.push(el)
              } else if (el.type == 3) {
                that.type3.push(el)
              } else if (el.type == 10) {
                that.type10.push(el)
              } else if (el.type == 11) {
                that.type11.push(el)
              } else if (el.type == 8) {
                that.type8.push(el)
              } else if (el.type == 9) {
                that.type9.push(el)
              }
            })
          })
      },
      // 获取区域
      getArea() {
        let that = this
        this.$myRequest
          .get('/mob/home/getDictionaries', {
            type: '7',
          })
          .then((res) => {
            res.list.forEach((el) => {
              el.active = false
              if (el.type == 7) {
                that.type7.push(el)
              }
            })
          })
      },
      getUserPhone() {
        let that = this
        this.$myRequest
          .get('/mob/login/getUserInfoByPhone', {
            phone: this.phone,
          })
          .then((res) => {
            this.userInfo = res.userInfo
            uni.setStorageSync('Pduser', res.userInfo)
            that.$store.dispatch('user/login', res.userInfo)
          })
      },
      //同意离职
      agreelz() {
        this.zbc = false
        getApp().globalData.confirm = false
        if (this.userInfo.businessType == 1) {
          this.$myRequest
            .post('/mob/user/confirmResignation', {
              id: this.userInfo.id,
            })
            .then((data) => {
              if (data.code == 200) {
                this.guan()
              }
            })
        } else {
          this.$myRequest
            .post('/api/mobile/vehicleOwner/confirmResignation', {
              userId: this.userInfo.id,
            })
            .then((data) => {
              if (data.code == 200) {
                this.guan()
              }
            })
        }
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.setWxShare(re.data)
          },
        })
      },
      setWxShare(data) {
        let _this = this
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'openLocation'],
        })
        wxshare.ready(function () {
          //分享给朋友
          wxshare.updateAppMessageShareData({
            title: '帮帮同城', // 分享标题
            desc: '找房就用帮帮同城!', // 分享描述
            link: `https://www.bangbangtongcheng.com/conven//login/Wxlogin.do`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg', // 分享图标
            success: function () {
              //分享成功回调
            },
            cancel: function () {
              //取消分享回调
            },
          })
          wxshare.updateTimelineShareData({
            title: '帮帮同城', // 分享标题
            desc: '找房就用帮帮同城!', // 分享描述
            link: `https://www.bangbangtongcheng.com/conven//login/Wxlogin.do`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg', // 分享图标
            success: function () {},
            cancel: function () {},
          })
        })
      },
      // 获取认证信息
      async getAuthentication() {
        // 根据用户ID查询用户是否认证
        const result = await this.$myRequest.get(
          '/api/mobile/public/verifyUserWhetherAuthenticationBusinessOrAgentAll',
          {
            userId: this.userInfo.id,
          }
        )
        if (result.code === 200) {
          if (result.userAuthenticationDto) {
            // null：未认证，后端不会返回这个字段
            // PERSONAL：个人认证
            // HOUSE_BUILDING:楼盘认证
            // HOUSE_REAL_ESTATE_SHOP:房产商家认证
            // HOUSE_BROKER:房产经纪人认证
            // CAR_DEALERSHIP_SHOP::4S店认证
            // CAR_AUTO_TRADING_SHOP:汽贸店认证
            // CAR_AUTO_REPAIR_SHOP: 汽车维修商家认证
            // CAR_BEAUTY_DECORATION_SHOP:美容装饰商家认证
            // CAR_BROKER_CAR_SALES_CONSULTANT:汽车销售顾问认证(4s店经纪人或汽贸店经纪人)
            // RECRUITMENT_COMPANY:招聘企业认证
            this.userIdentityType = result.userAuthenticationDto.userIdentityType
            // 审核状态（0：未审核，1：审核通过，2：审核不通过，3：待商家审核，4：待平台审核）
            this.userAuditStatus = result.userAuthenticationDto.auditStatus
            if (this.userAuditStatus === '1') {
              this.auditText = '认证用户'
            } else {
              this.auditText = '未认证用户'
            }
          } else {
            this.auditText = '未认证用户'
            this.userIdentityType = null
          }
          console.log('getAuthentication', this.userIdentityType)
        }
      },
      onShareAppMessage: function (res) {
        let that = this
        // console.log(that.imgUrl + that.data.logo);
        if (res.from === 'menu') {
          // 来自页面内分享按钮
        }
        return {
          title: '帮帮同城',
          path: '/pages/index/index',
          desc: '找房就用帮帮同城',
          imageUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg',
        }
      },
      onShareTimeline() {
        return {
          title: '帮帮同城',
          path: '/pages/index/index',
          imageUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg',
        }
      },
      // 轮播图跳转
      bannerD(id) {
        uni.navigateTo({
          url: '/pages/index/bannerData?id=' + id,
        })
      },
      guan() {
        this.zbc = false
        getApp().globalData.confirm = false
      },
      down() {
        console.log('this.downStatus', this.downStatus)
        console.log('this.data.pageNo', this.data.pageNo)
        if (this.downStatus) {
          this.data.pageNo++
          this.getListByCurrentMode()
        }
      },
      async up() {
        this.Recommend = []
        this.data.pageNo = 1
        this.downStatus = true
        if (this.upStatus) {
          this.trigger = true
          await this.getListByCurrentMode()
        }
      },
      // 滚动列表跳转
      WatchNav(id) {
        uni.navigateTo({
          url: '/pages_index/Watch/details?id=' + id,
        })
      },
      //离职弹窗
      guan() {
        this.zbc = false
      },
      define() {
        if ((this.maximumSalary == '' && this.minimumWage == '') || this.salaryScreenActive == 1) {
          this.data.salaryRange = ''
        } else if (this.maximumSalary != '' && this.minimumWage != '') {
          if (this.getNumber(this.maximumSalary) < this.getNumber(this.minimumWage)) {
            uni.showToast({
              title: '最低薪资不能大于最高薪资',
              icon: 'none',
              mask: true,
            })
            return false
          }
          this.data.salaryRange =
            this.getNumber(this.minimumWage) + '-' + this.getNumber(this.maximumSalary)
        } else {
          uni.showToast({
            title: '薪资请勿只填最低或最高',
            icon: 'none',
            mask: true,
          })
          return false
        }
      },
      changeCurrentMode(index) {
        this.regionDrawerReset(true)
        this.dataReset()
        this.downStatus = true
        this.currentMode = index
        this.getListByCurrentMode()
        //置空招聘信息筛选tabv
        //this.changeJobScreenRowStatus(1);
        this.recruitScreen = 0
        this.onlineScreenStatus = false
        this.jobScreenRowStatus = 1

        this.changePersonAbility(0) //置空人才简历筛选tab
      },
      tiaozhuan(num) {
        if (num == 1) {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentInformation/index',
          })
        } else if (num == 2) {
          uni.navigateTo({
            url: '/pages_recruitMoney/resume/index',
          })
        } else if (num == 3) {
          uni.navigateTo({
            url: '/pages_owner/ownerService/index',
          })
        } else if (num == 4) {
          uni.navigateTo({
            // #ifdef APP
            url: '/pages/zcMapFind/Map',
            //#endif
            // #ifndef APP
            url: '/pages_mapFind/zcMapHouse',
            //#endif
          })
        } else if (num == 5) {
          uni.navigateTo({
            url: '/pages_recruitMoney/organizationRecruit/index',
          })
        }
      },
      // 招聘跳转
      details(item) {
        if (item.recruitmentType == '1') {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/fullTime?id=' + item.id,
          })
        } else {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + item.id,
          })
        }
      },

      //招才信息 推荐职位
      getHomepageRecommend() {
        // repeated  重复点击数据会重复
        if (this.repeated == true) {
          this.Recommend = []
          return
        }
        this.repeated = true
        this.upStatus = false
        this.data.onlineState = this.onlineScreenStatus ? 1 : null
        this.data.userId = this.userInfo.id
        this.$myRequest
          .get('/api/mobile/personnelOwner/getRecruitmentHomepageRecommendation', this.data)
          .then((res) => {
            if (!res.recruitmentHomepageRecommendation.pageList.length) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            this.Recommend = this.Recommend.concat(res.recruitmentHomepageRecommendation.pageList)
            uni.stopPullDownRefresh()
            this.repeated = false
          })
      },
      //招才信息 全职 or 兼职
      getRecommend() {
        this.upStatus = false
        this.data.publisherId = this.userInfo.id
        this.data.recruitmentType = this.jobScreenRowStatus - 1
        this.data.genderRequirements = this.data.sexualDistinction
        console.log(this.data, 'data')
        this.$myRequest
          .get('/api/mobile/personnelOwner/getRecruitmentByRecruitmentType', this.data)
          .then((res) => {
            uni.hideLoading()
            if (!res.recruitmentInformation.pageList.length) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            this.Recommend = this.Recommend.concat(res.recruitmentInformation.pageList)
            uni.stopPullDownRefresh()
          })
      },
      // 轮播图
      getBanner() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getCarouselChartsByType', {
            carouselType: '1',
            type: '8',
          })
          .then((res) => {
            this.bannerList = res.carouselChartsList.pageList
          })
      },
      // 滚动数据
      getWatch() {
        this.$myRequest
          .get('/mob/home/getWatch', {
            pageSize: 10,
            pageNo: 1,
            auditStatus: 2,
          })
          .then((res) => {
            this.WatchList = res.list
          })
      },
      async getLocation() {
        this.getLocation1()
      },
      getLocation1() {
        let _this = this
        console.log(2)
        uni.getLocation({
          type: 'gcj02',
          success(res) {
            _this.data.latitude = res.latitude
            _this.data.longitude = res.longitude
            console.log('_this.data.latitude', _this.data.latitude)
            console.log('_this.data.longitude', _this.data.longitude)
            _this.getListByCurrentMode(true)
          },
          fail(res) {
            console.log(res, '经纬度没有授权')
            uni.setStorageSync('locationState', 0)
            if (uni.getStorageSync('locationState') == 0) {
              // uni.showModal({
              // 	title: "提示",
              // 	content: "您已关闭位置权限或获取位置信息失败",
              // 	success: function(res) {
              // 		if (res.confirm) {
              // 			// plus.runtime.openURL("app-settings:");
              // 			_this.toLocationSetting();
              // 		} else if (res.cancel) {
              // 			console.log("用户点击取消");
              // 		}
              // 	},
              // });
              _this.$refs.bindLocationTip.open()
              return false
            }
          },
        })
      },
      toLocationSetting() {
        if (plus.os.name === 'iOS') {
          plus.runtime.openURL('app-settings://')
        } else {
          var Intent = plus.android.importClass('android.content.Intent')
          var Settings = plus.android.importClass('android.provider.Settings')
          var Uri = plus.android.importClass('android.net.Uri')
          var mainActivity = plus.android.runtimeMainActivity()
          var intent = new Intent()
          intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS)
          var uri = Uri.fromParts('package', mainActivity.getPackageName(), null)
          intent.setData(uri)
          mainActivity.startActivity(intent)
        }
      },
    },
  }
</script>

<style lang="less">
  .scroll-view {
    //height: calc(100% - 58rpx - 24rpx) !important;
    height: 100vh;
    //background-color: red;
  }

  .displayNone {
    display: none;
  }

  .jobScreenRow {
    font-size: 28rpx;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .recommendJob {
      display: flex;
      align-items: end;

      .onlineScreen {
        margin-left: 20rpx;
        font-size: 24rpx;
        color: #333333;
        font-weight: 400;

        .currentOnlineText {
          display: flex;
          align-items: center;

          image {
            margin-right: 8rpx;
            width: 24rpx;
            height: 24rpx;
          }
        }
      }
    }

    .recruitType {
      display: flex;

      .titleText {
      }

      .screenBut {
        font-size: 24rpx;
        font-weight: 400;
        color: #333333;

        view {
          display: flex;
          align-items: center;
        }
      }
    }

    .jobScreenRowActive {
      font-size: 32rpx;
      color: #000000;
      background: #ffffff;
      border-radius: 10rpx;
      padding: 14rpx 30rpx;
      font-weight: bold;

      .titleText {
        margin-right: 20rpx;
      }

      .screenBut {
        view {
          margin-right: 18rpx;

          image {
            margin-top: 4rpx;
          }
        }

        view:nth-child(3) {
          margin-right: 0rpx;
        }
      }
    }

    .screenButShow {
      display: flex;
    }

    .screenButHide {
      display: none;
    }
  }

  .recruitScreenTextActive {
    color: #0fa291;
  }

  .screenRow {
    width: 710rpx;
    margin: 20rpx auto;

    image {
      width: 20rpx;
      height: 10rpx;
      margin-left: 6rpx;
    }
  }

  .personAbilityScreenRow {
    display: flex;
    justify-content: space-between;

    view {
      display: flex;
      align-items: center;
    }

    .personAbilityLeft {
      view {
        margin-right: 40rpx;
      }
    }
  }

  .enterpriseScreenRow {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .enterpriseLeft {
      font-weight: 500;
      font-size: 32rpx;
      color: #000000;
    }

    .enterpriseRight {
      display: flex;
      align-items: center;
      background-color: white;
      border-radius: 10rpx;
      padding: 14rpx 30rpx;

      view {
        display: flex;
        align-items: center;
        margin-right: 20rpx;
      }

      view:nth-child(3) {
        margin-right: 0rpx;
      }
    }
  }

  .commonList {
    width: 710rpx;
    margin: 0rpx auto;
    font-weight: 400;
    font-size: 24rpx;

    // 招聘
    .vacancy {
      width: 100%;
      padding: 30rpx 20rpx;
      margin-bottom: 20rpx;
      background: linear-gradient(180deg, #e3fffc 0%, #ffffff 40%);
      border-radius: 20rpx;

      .vehicleRecom {
        font-size: 32rpx;
        font-weight: 600;
        color: #333333;
        line-height: 44rpx;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; //想要的行数
        -webkit-box-orient: vertical;

        .tagLabel {
          width: 70rpx;
          height: 40rpx;
          background: #e7f5f4;
          border-radius: 4rpx;

          vertical-align: top;
          color: #0fa291;
          font-size: 24rpx;
          text-align: center;
          width: 106rpx;
          margin-right: 10rpx;
          padding: 8rpx 11rpx;
          border-radius: 4rpx;
        }
      }

      .vacancy_center {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16rpx;

        .vacancy_status {
          span {
            font-size: 28rpx;
            font-weight: 400;
            color: #333333;
          }

          span:nth-child(1) {
            margin-right: 16rpx;
          }
        }

        .vacancy_price {
          font-size: 32rpx;
          font-weight: 550;
          color: #e00000;
        }
      }

      .personalInformation {
        display: flex;
        margin-top: 20rpx;

        .personalInformation_left {
          display: flex;
          flex-direction: column;

          .personalInformation_image {
            width: 42rpx;
            height: 42rpx;
            border-radius: 42rpx;
          }
        }

        .personalInformation_right {
          width: calc(100% - 42rpx);
          padding-left: 10rpx;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;

          .GR {
            display: flex;
            align-items: center;
            justify-content: space-between;

            .name {
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
              line-height: 40rpx;
            }
          }

          .GS {
            display: flex;
            align-items: center;
            justify-content: space-between;

            .corporation {
              line-height: 40rpx;
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
            }
          }

          .personalInformation_Time {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
            margin-bottom: 6rpx;
            text-align: right;
          }

          .personalInformation_distance {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
            text-align: right;
          }
        }
      }
    }

    .enterpriseItem {
      background: linear-gradient(180deg, #f6fff8 0%, #ffffff 100%);
      padding: 30rpx;
      margin-bottom: 20rpx;
      border-radius: 20rpx;

      .enterpriseItemTitle {
        font-weight: 500;
        font-size: 32rpx;
        color: #000000;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; //想要的行数
        -webkit-box-orient: vertical;
      }

      .enterpriseItemInfo {
        display: flex;
        align-items: center;

        image {
          margin-right: 8rpx;
          width: 24rpx;
          height: 24rpx;
        }

        view {
          margin: 20rpx 0rpx;
          margin-right: 30rpx;
        }
      }

      .enterpriseItemWelfare {
        .label {
          display: inline-block;
          padding: 8rpx 15rpx;
          background: #f5f7f9;
          margin-right: 10rpx;
          font-size: 24rpx;
          font-weight: 400;
          color: #666666;
          border-radius: 4rpx;
        }

        .label:nth-last-child(1) {
          margin-right: 0rpx;
        }
      }

      .enterpriseItemInfoBottom {
        display: flex;
        justify-content: space-around;
      }
    }

    .resume {
      width: 100%;
      margin-bottom: 20rpx;
      background: linear-gradient(180deg, #ecf9ff 0%, #ffffff 100%);
      border-radius: 20rpx;
      border: 1rpx solid #f1f5f5;
      padding: 30rpx;
      font-size: 24rpx;
      overflow: hidden;

      .resumeTop {
        display: flex;
        align-items: center;
        position: relative;
        width: 650rpx;

        .vacancy_biaoq2 {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 16rpx;
          width: 538rpx;

          .vacancy_label {
            flex: 1;
            height: 48rpx;
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;

            .shade {
              position: absolute;
              right: 0;
              top: 0;
              width: 100rpx;
              height: 48rpx;
            }

            .label {
              display: inline-block;
              padding: 8rpx 15rpx;
              background: #f5f7f9;
              margin-right: 10rpx;
              font-weight: 400;
              font-size: 24rpx;
              color: #666666;
              border-radius: 4rpx;
            }

            .label:nth-last-child(1) {
              margin-right: 0rpx;
            }
          }

          .gend {
            image {
              width: 50rpx;
              height: 50rpx;
              top: 5rpx;
            }

            position: absolute;
            right: 0rpx;
          }
        }

        .avatar {
          width: 92rpx;
          height: 92rpx;
          margin-right: 20rpx;
          border-radius: 50%;
          overflow: hidden;

          image {
            width: 92rpx;
            height: 92rpx;
          }
        }

        .resumeInfo {
          flex: 1;
          margin-bottom: 12rpx;

          .nameInfo {
            margin-bottom: 20rpx;

            .realName {
              font-weight: 500;
              font-size: 32rpx;
              color: #000000;
              margin-right: 13rpx;
            }

            span {
              margin-right: 30rpx;
            }
          }

          .workInfo {
            .label {
              display: inline-block;
              padding: 8rpx 15rpx;
              background: #f5f7f9;
              margin-right: 10rpx;
              font-size: 24rpx;
              font-weight: 400;
              color: #666666;
              border-radius: 4rpx;
            }

            .label:nth-last-child(1) {
              margin-right: 0rpx;
            }
          }
        }
      }

      .resumeBottom {
        overflow: hidden;
        text-overflow: clip;
        display: -webkit-box;
        line-break: anywhere;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
      }
    }

    .organizationListItem {
      padding: 30rpx 0;
      border-bottom: 1rpx solid #e0e0e0;
      display: flex;
      align-items: center;
      height: 260rpx;

      .image {
        width: 260rpx;
        height: 200rpx;
        border-radius: 24rpx;
        background-color: gray;
      }

      .item-content {
        padding-left: 30rpx;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        height: 100%;
        width: calc(100% - 260rpx);

        .text {
          font-size: 32rpx;
          line-height: 45rpx;
          max-height: calc(100% - 40rpx);
          -webkit-line-clamp: 3;
          word-wrap: break-word;
          text-overflow: ellipsis;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
        }

        .time {
          font-size: 28rpx;
          color: #999999;
          text-align: right;
          line-height: 40rpx;
          height: 40rpx;
        }
      }

      .list-footer {
        padding: 20rpx;
        text-align: center;
      }

      .none {
        text-align: center;
      }
    }
  }

  .qy-gr-label {
    width: 74rpx;
    height: 30rpx;
    margin-top: 8rpx;
  }

  .zbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99999;

    .tan {
      position: absolute;
      width: 600rpx;
      height: 300rpx;
      background-color: #fff;
      border-radius: 10rpx;
      top: 34%;
      left: 75rpx;

      .text {
        width: 100%;
        text-align: center;
        margin-top: 80rpx;
        font-size: 36rpx;
      }

      .xiao {
        position: absolute;
        width: 160rpx;
        height: 60rpx;
        background: #ffffff;
        border: 2rpx solid #64b6a8;
        border-radius: 37rpx;
        left: 118rpx;
        bottom: 54rpx;
        text-align: center;
        line-height: 60rpx;
        color: #64b6a8;
      }

      .tong {
        position: absolute;
        width: 160rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 37rpx;
        right: 118rpx;
        bottom: 54rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
      }

      .guan {
        position: absolute;
        width: 58rpx;
        height: 58rpx;
        border: 4rpx solid #ffffff;
        border-radius: 50%;
        left: 50%;
        transform: translateX(-50%);
        bottom: -100rpx;
        text-align: center;
        line-height: 48rpx;
        color: #fff;
        font-size: 56rpx;
      }
    }
  }

  .bigIndexQie {
    width: 710rpx;
    display: flex;
    align-items: center;
    height: 60rpx;
    margin-left: 50rpx;
    //background-color: red;
    margin: 20rpx auto;

    .text {
      font-size: 30rpx;
      font-weight: 400;
      color: #333333;
      margin-right: 50rpx;
    }

    .active {
      color: #64b6a8;
      font-size: 36rpx;
      position: relative;
      padding-bottom: 6rpx;
    }

    .active::before {
      content: '';
      display: block;
      width: 44rpx;
      height: 4rpx;
      background: #64b6a8;
      border-radius: 3rpx;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  uni-page-body,
  page {
    height: 100%;
  }

  .box {
    width: 100%;
    //min-height: 100%;
    //padding-bottom: 120rpx;
    background-color: #fff;
  }

  .tou {
    position: relative;
    width: 100%;
    height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 38rpx;
    color: #fff;

    .index-sousou {
      width: 40rpx;
      height: 40rpx;
    }

    .index-logo {
      width: 128rpx;
      height: 32rpx;
      left: 20rpx;
      margin-top: 24rpx;
    }

    image {
      margin-top: 24rpx;
      position: absolute;
    }
  }

  .bannerBox {
    width: 100%;
    //height: 400rpx;
    // background: #64b6a8;
    // padding-top: 28rpx;
    // margin-top: -4rpx;

    position: relative;

    .banner {
      // margin-left: 30rpx;
      width: 750rpx;
      height: 100%;
      overflow: hidden;
      // border-radius: 24rpx;

      .byTitle {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.1);

        span {
          width: 650rpx;
          padding: 0 20rpx;
          position: absolute;
          bottom: 46rpx;
          font-size: 28rpx;
          font-weight: 500;
          color: #ffffff;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
      }
    }

    .semiCircle {
      position: absolute;
      bottom: 0rpx;
      left: 0rpx;
      width: 750rpx;
      height: 31rpx;
      margin-bottom: -1rpx;
      border-top-right-radius: 50rpx;
      border-top-left-radius: 50rpx;
      background: #eff1f3;
    }
  }

  .gonggao {
    width: 710rpx;
    height: 56rpx;
    margin-top: 1rpx;
    margin-bottom: 20rpx;
    margin-left: 20rpx;
    background: #ffffff;
    //box-shadow: 0px 0px 6px 1px rgba(67, 67, 67, 0.16);
    border-radius: 32rpx;
    display: flex;
    overflow: hidden;
    padding: 0rpx 20rpx;
    justify-content: space-between;

    .lis {
      width: 150rpx;
      padding: 18rpx 0rpx;
      padding-right: 10rpx;
      height: 100%;
      display: flex;
      align-items: center;
      font-size: 24rpx;
    }

    .gong {
      width: 212rpx;
      height: 60rpx;
      margin-top: 16rpx;
      margin-right: 54rpx;
      // margin-left: 14rpx;
      // border-left: 2rpx solid #d0d0d0;

      .text {
        width: 212rpx;
        font-size: 24rpx;
        line-height: 32rpx;
        margin-left: 12rpx;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #333333;
      }
    }
  }

  .choose {
    background: linear-gradient(44.38836405631774deg, #f8eae2 0%, #fbb386 100%);
    padding: 6rpx;
  }

  .majorFunction {
    margin: 0 auto;
    width: 710rpx;
    height: 102rpx;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20rpx;

    .majorFunctionItem {
      width: 223rpx;
      border-radius: 24rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }

  .secondaryFunction {
    margin: 0 auto;
    width: 710rpx;
    height: 80rpx;
    display: flex;
    justify-content: space-between;

    .secondaryFunctionItem {
      width: 345rpx;
      border-radius: 24rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }

  .Ptop {
    /* #ifdef H5 || APP-PULS */
    // padding-top: 104rpx;
    margin-top: 98rpx;
    /* #endif */
    /* #ifdef H5*/
    // padding-top: 104rpx;
    margin-top: 0rpx;
    /* #endif */

    /* #ifdef MP  */
    // margin-top: 188rpx;
    /* #endif */
  }

  .fixed {
    // display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 40;
  }

  .cu-item .img {
    width: 100rpx;
    height: 100rpx;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  .cu-item text {
    font-size: 30rpx;
    color: #333333;
  }

  .tit1 {
    color: #333333;
    font-size: 38rpx;
    display: flex;
    justify-content: space-between;
    width: 690rpx;
    margin: 50rpx auto 24rpx;

    .tg {
      color: #64b6a8;
      display: flex;
      align-items: center;
      font-size: 30rpx;
      position: relative;

      .triangle {
        width: 0px;
        height: 0px;
        box-sizing: content-box;
        border-left: 8rpx solid transparent;
        border-right: 8rpx solid transparent;
        border-bottom: 15rpx solid #64b6a8;
        margin-left: 20rpx;
        transition: all 0.5s;
      }

      .fan {
        transition: all 0.5s;
        transform: rotate(180deg);
      }

      .kuang {
        position: absolute;
        left: -240rpx;
        top: 120%;
        background: #fff;
        // transform: translateY(-50%);
        width: 330rpx;
        padding: 0 30rpx;
        z-index: 20;
        box-shadow: 0 0 8rpx 4rpx rgba(0, 0, 0, 0.3);

        .item {
          height: 90rpx;
          line-height: 90rpx;
          border-bottom: 2rpx solid #e0e0e0;
        }

        .item:last-child {
          border-bottom: 0;
        }
      }
    }
  }

  .cardImageIcon {
    width: 24rpx !important;
    height: 24rpx !important;
    margin-right: 6rpx !important;
  }

  .vacancy_biaoq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16rpx;
    position: relative;

    .vacancy_label {
      flex: 1;
      height: 48rpx;
      position: relative;
      overflow: hidden;
      white-space: nowrap;

      .shade {
        position: absolute;
        right: 0;
        top: 0;
        width: 100rpx;
        height: 48rpx;
      }

      .label {
        display: inline-block;
        padding: 8rpx 15rpx;
        background: #f5f7f9;
        margin-right: 10rpx;
        font-weight: 400;
        font-size: 24rpx;
        color: #666666;
        border-radius: 4rpx;
      }

      .label:nth-last-child(1) {
        margin-right: 0rpx;
      }
    }

    .gend {
      image {
        width: 50rpx;
        height: 50rpx;
        top: 5rpx;
      }

      position: absolute;
      right: 0rpx;
    }
  }

  .recruitScreenContent {
    background-color: white;
    border-radius: 20rpx;
    padding: 20rpx;

    .salaryScreen {
      display: flex;
      justify-content: start;
      align-items: center;

      .commonScreenContentLi {
        width: 160rpx;
        height: 48rpx;
        background: #ffffff;
        border-radius: 10rpx;
        border: 1rpx solid #ebebed;
        text-align: center;
        line-height: 48rpx;
        margin: 6rpx;
        font-weight: 400;
        font-size: 28rpx;
        color: #666666;
      }

      .commonScreenContentXuan {
        background: #e7f5f4;
        border: 1rpx solid #0fa291;
        color: #0fa291;

        background-image: url(https://pic.bangbangtongcheng.com/static/selectd-zhaocai-index.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 28rpx 28rpx;
      }
    }

    .salaryRange {
      width: 320rpx;
      height: 48rpx;
      background: #ffffff;
      border-radius: 10rpx;
      border: 1rpx solid #999999;
      display: flex;
      justify-content: space-around;
      line-height: 48rpx;
    }
  }

  .leibie {
  }

  .areaScreenContent {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: white;
    border-radius: 20rpx;
    padding: 20rpx;
  }

  .commonScreenContentLabel {
    font-weight: 400;
    font-size: 28rpx;
    margin-bottom: 15rpx;

    span {
      color: #ff0000;
    }
  }

  .commonScreenContentLi {
    width: 150rpx;
    height: 60rpx;
    background: #ffffff;
    border-radius: 10rpx;
    border: 1rpx solid #ebebed;
    text-align: center;
    line-height: 60rpx;
    margin: 6rpx;
    font-weight: 400;
    font-size: 28rpx;
    color: #333333;
  }

  .commonScreenContentXuan {
    background: #e7f5f4;
    border: 1rpx solid #0fa291;
    color: #0fa291;

    background-image: url(https://pic.bangbangtongcheng.com/static/selectd-zhaocai-index.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 28rpx 28rpx;
  }

  .displayFixed {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    .ageRange {
      width: 416rpx;
      height: 48rpx;
      background: #ffffff;
      border-radius: 10rpx;
      border: 1rpx solid #999999;
      display: flex;
      justify-content: space-around;
      line-height: 48rpx;
    }
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    // border-top: 2rpx solid #d0d0d0;
    text-align: center;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }
</style>
